diff --git a/src/components/profile/profile.scss b/src/components/profile/profile.scss
index 5e61eaf..9e04413 100644
--- a/src/components/profile/profile.scss
+++ b/src/components/profile/profile.scss
@@ -99,3 +99,59 @@
 .uuid {
     font-family: $font-family-title;
 }
+
+@media (max-width: 720px) {
+    .indexTitle {
+        text-align: center;
+        margin-bottom: 8px;
+    }
+
+    .indexContent {
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .descriptionColumn {
+        width: 100%;
+        max-width: 416px;
+        padding: 0;
+        margin-bottom: 10px;
+    }
+
+    .indexDescription {
+        text-align: center;
+    }
+
+    .uuid {
+        font-size: 13px;
+    }
+}
+
+@media (max-width: 424px) {
+    .paramRow {
+        flex-wrap: wrap;
+    }
+
+    .paramName {
+        width: 100%;
+        margin-bottom: 3px;
+    }
+
+    .paramValue {
+        flex-grow: 0;
+        font-size: 16px;
+    }
+
+    .paramEditIcon {
+        margin-left: 5px;
+        vertical-align: top;
+    }
+
+    .paramMessage {
+        padding: 3px 0 0;
+    }
+
+    .uuid {
+        font-size: 14px;
+    }
+}
diff --git a/src/pages/profile/profile.scss b/src/pages/profile/profile.scss
index 9ce0df4..2a11f57 100644
--- a/src/pages/profile/profile.scss
+++ b/src/pages/profile/profile.scss
@@ -9,3 +9,9 @@
     width: 100%;
     left: 0;
 }
+
+@media (max-width: 720px) {
+    .container {
+        margin: 20px 10px 10px;
+    }
+}